/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.wh1270{max-width: 1270px;padding: 0 15px;margin: 0 auto;}
.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/
.wh{max-width: 1500px;padding: 0 15px;margin: 0 auto;}
.top2{height: 110px;}
.top2 .wh{position: relative;}
.logo{position: absolute;top:0;left: 50%;margin-left: -62px; line-height: 110px;max-width: 122px;overflow: hidden;}
.logo img {max-width: 100%;height: 86px;}
.ban{position: absolute;width: 100%;bottom: 0;border-top: 1px solid rgba(255, 255, 255, .1);z-index: 999;}
.mySwiper{position: relative;overflow: hidden;}
.mySwiper .swiper-slide img{width: 100%;}
.mySwiper .swiper-pagination1{width: auto;font-style: italic;font-size: 18px;color: #fff;}
.mySwiper .swiper-pagination-current{font-size: 28px;}
.swiper-button-next1{margin-left: 90px;}
.ban{line-height: 55px;}
.swiper-button-prev1,.swiper-button-next1{cursor: pointer;}


.box1{padding: 37px 0 41px;overflow: hidden;}
/*搜索和热门搜索*/
.sleft #formsearch {
   width: 412px;border-bottom: 1px solid #333;margin-left: 9vw;
}
.sleft #formsearch input {
    height: 38px;
    background: #fff;
    border: none;
    line-height: 38px;
    outline: none;
}

.sleft #formsearch input#keyword {
    height: 38px;
    line-height: 38px;
    padding-left: 4px;
    color: #999999;
    font-size: 14px;
    margin-top: 13px;
    width: calc(100% - 52px);
}

.sleft #formsearch input#s_btn {
    width: 46px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: url(../images/dcc49a4632f92dcc4c215a625c1049b6c7540d35.png) no-repeat center;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
}
.sleft ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999999;
}
.sleft :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999999;
}
.sleft ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999999;
}
.sleft :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999999;
}
dt{font-weight: normal;}
.bt1 dd{color: #111111;font-size: 22px;font-weight: bold;}
.bt1 dt{color: #111111;font-size: 16px;margin-top: 6px;}
.tcon h3{color: #999999;font-size: 12px;}
.tcon p{color: #111111;font-size: 22px;font-family: 'Arial';font-weight: bold;}
.tcon{margin-left: 22px;}
.tul{margin-top: 9px;width: 530px;}
.tul li:last-child{float: right;}



.pic,.picl,.pics{overflow:hidden;}
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}


/*  */
.box2{background-color: #f0f3f5;padding: 4% 0;position: relative;}
.jia{position: absolute;bottom: -26px;left: 50%;margin-left: -26px;}
.bt2{text-align: center;}
.bt2 dd{color: #111111;font-size: 40px;}
.bt2 dd span{margin-left: 1.9vw;}
.bt2 dt{color: #111111;font-size: 16px;margin-top: 8px;}
.pp{margin: 3.8% 0;}
.pbt{color: #1a46bf;font-size: 16px;width: 140px;text-align: center;line-height: 1;}
.psort {width: calc(100% - 140px);}
.psort li{margin-bottom: 10px;}
.psort li a{color: #111111;font-size: 16px;border-right: 1px solid #cccccc;display: block;padding-right:1.2vw;margin-right:1.2vw;line-height: 1;}
.psort li:last-child a{padding-right: 0;border-right: none;margin-right: 0}
.pro_con{margin-top: ;}
.pro_con li{ float: left;width: 23.8%; margin-right: 1.6%;margin-bottom: 46px;}
.pro_con li:nth-child(4n){ margin-right: 0; }
.pro_con li i{ display:block;width: 100%;overflow:hidden;}
.pro_con li img{ display: block;width: 100%; }
.pro_con li h4{ display: block;height: 70px;line-height: 70px;font-size: 18px;color: #000000;font-weight: normal; position: relative;}
.pro_con li h4 img{ display: block;float: right;width: 9px;height: 16px;margin-top: 32px;margin-right: 32px;-o-transition: all .5s ease; transition: all .5s ease;  }
.pro_con li h4:before{ position: absolute;left:0;width: 127px;height: 2px;background: #dedede;content: "";bottom: 0; }
.pro_con  li h4 em{ float: left;-o-transition: all .5s ease; transition: all .5s ease;font-size: 18px;color: #000;font-weight: normal;line-height: 70px; font-style: normal;}
.pro_con  li:hover h4 em{margin-left: 10px; }
.pro_con li:hover h4 img{margin-right: 40px; }
.pro_con li h4:after{ position: absolute;left:0;width: 0;height: 2px;background: #1a46bf;content: "";bottom: 0;-o-transition: all .5s ease; transition: all .5s ease; }
.pro_con li:hover h4:after{width:100%;}

/*  */
.box3{margin: 6% 0 1.8%;overflow: hidden;}
.box3 .wh{max-width: 1270px;}
.fw_con{ margin-top: 60px;position: relative; }
.fw_t li{ float: left;width: 253px;margin-right: 310px; height: 100px;margin-bottom: 106px;position: relative;}
.fw_t li:nth-child(2n){margin-right: 0;float: right;}
.fw_t li.cur:after{ position: absolute;width: 16px;height: 16px;background-image: linear-gradient(-60deg, #dc1a34 0%, #1a46bf 100%);content: "";border-radius: 8px; z-index: 50;}
.fw_t li:nth-child(1).cur:after{ left:423px;top: 64px;}
.fw_t li:nth-child(2).cur:after{ right:434px;top: 64px;}
.fw_t li:nth-child(3).cur:after{ left:337px;top: 64px;}
.fw_t li:nth-child(4).cur:after{ right:345px;top: 64px;}
.fw_t li:nth-child(5).cur:after{ left:441px;top: 64px;}
.fw_t li:nth-child(6).cur:after{ right:451px;top: 64px;}

.fw_t li .fw_s{ display: none; }
.fw_t li.cur .fw_d{ display: none; }
.fw_t li .fw_d b{font-size: 24px;color: #666666;line-height: 24px;text-align: center;font-weight: normal; display: block; }
.fw_t li .fw_d span{display: block;font-size: 14px;color: #999999;line-height: 14px;padding-top: 14px;text-align: center;}
.fw_t li .fw_d>img{ display: block;width: 24px;height: 24px;margin: 23px auto 0; }

.fw_t li.cur .fw_s{ display: block; border-bottom: 2px solid #1a46bf;height: 100px;}
.fw_t li.cur .fw_s em{ float: left;font-size: 24px;line-height: 32px;color: #000000;display: block; }
.fw_t li.cur .fw_s>img{ display: block;float: right;margin-top: 30px; }
.fw_bd{ position: absolute;left:344px;top:0; width: 543px;height: 543px;background: url(../images/c6051c7da1d0641f8f629d001a035f00b546b22d.png) no-repeat center;}
.fw_bd li{ padding-top:124px; }
.fw_bd li img{ display: block;width: 48px;height: 48px;margin: 0 auto; }
.fw_bd li:hover img {animation-duration: 2s;animation-name: flipInY;}
.fw_bd li b{ font-size: 28px;color: #fff;line-height: 36px;text-align: center;display: block;padding-top: 20px;}
.fw_bd li span{display: block;font-size: 16px;color: #000000;line-height: 28px;text-align: center;width: 270px;margin:58px auto 0;}
.fw_bd li em{margin-top: 50px;display:block;position: relative;font-size: 16px;color: #dbdbdb;font-weight: bold;margin-left: 214px;font-style: normal;}
.fw_bd li em:after{ position:absolute;left:32px;top:10px;width: 50px;height: 1px;background: #d9d9d9;content: ""; }
.fw_bd li em i{ display: inline-block;margin-right: 80px;font-size: 16px;color: #000000;opacity: 1;font-style: normal;}


/*  */
.box4{padding: 4% 0 0;background-image: linear-gradient(0deg, #ffffff 0%, #f0f3f5 100%), linear-gradient(#f0f3f5, #f0f3f5);background-blend-mode: normal, normal;overflow: hidden;}
.box4 .wh{max-width: 1270px;}
.nbox{margin: 5% 0 8.4%;position: relative;}
.mySwiper2{overflow: hidden;}
.news_con dd{ background: #fff;padding: 56px 46px 0 45px;box-sizing: border-box;height: 421px;position: relative; }
.news_con dd:after{ position: absolute;right: 46px;top:130px;width: 50px;height: 1px;background: #cccccc;content: ""; }
.news_con dd em{font-size: 14px;font-family: Arial;font-weight: normal;color: #777777;line-height: 14px;display: block;transition: all 0.5s; }
.news_con dd em span{font-size: 36px;font-family: Arial;font-weight: normal;color: #777777;line-height: 32px;padding-bottom: 8px;display: block;transition: all 0.5s; }
.news_con dd h4{ display: block;font-size: 18px;line-height: 26px;color: #111;padding-top: 60px;font-weight: normal;transition: all 0.5s; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.news_con dd p{font-size: 14px;color: #777;line-height: 24px;display: block;padding-top: 22px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_con li:hover dd{box-shadow: 0px 0px 20px 0px rgba(3, 22, 35, 0.15);}
.news_con li:hover dd h4,.news_con li:hover dd em,.news_con li:hover dd em span{ color: #1a46bf;  }

.news_con dt{max-width: 279px;line-height: 0;overflow: hidden;margin: -100px auto 0;z-index: 50;position: relative;}
.news_con dt img{width: 100%;display:block;transition:all 0.5s;}
.news_con li:hover dt img{ transform:scale(1.05);}

.news_con .sprev{ position: absolute;left: -100px;top:210px; width: 56px;height: 56px;background: url(../images/sprev.png) no-repeat center;cursor: pointer;}
.news_con .snext{ position: absolute;right:  -100px;top:210px;  width: 56px;height: 56px;background: url(../images/snexth.png) no-repeat center;cursor: pointer;}
.swiper-button-prev2,.swiper-button-next2{position: absolute;width: 58px;height: 58px;top:33%;z-index: 999;outline: none;cursor: pointer;}
.swiper-button-prev2{left: -98px;background: url(../images/ba11847a72b5e5caba112b95e9d15f8f8fa82d5b.png) no-repeat center;background-size: 100% 100%;}
.swiper-button-prev2:hover{background: url(../images/bb65e1331db36ad3c4d9248e0d084172072dae82.png) no-repeat center;background-size: 100% 100%;}
.swiper-button-next2{right: -98px;background: url(../images/df1abe39d42295a79de426b1eb2062f06caee4e9.png) no-repeat center;background-size: 100% 100%;}
.swiper-button-next2:hover{background: url(../images/9b932ecf9ac43185357f739a8f1667b052ae6578.png) no-repeat center;background-size: 100% 100%;}





/*  */

.abt{background: url(../images/b26c2327fe387aa1a6e42cef9757c14c1f8a6cd7.jpg) no-repeat center top; padding-top: 6%;box-sizing: border-box;background-size: 100% 73%;position: relative;}
.btt{color: #111111;font-size: 40px;line-height: 44px;}
.abt .wh{max-width: 1270px;}
.abt dl{border-top: 1px solid #666;padding-top: 50px;}
.abt dt{ float: left;width: 200px; }
.abt dt img{ display: block;width: 178px;height: 80px; }
.abt dt em{ display: block;font-size: 14px;color: #777777;line-height: 24px;padding-top: 40px;font-style: normal; }
.abt dd{float: right;width: 785px;}
.abt dd p{ font-size: 16px;color: #333333;line-height: 32px;}
.acon{padding-right: 9px;}
.abt ul{ margin-top: 40px; }
.abt ul li{box-sizing: border-box;font-size: 56px;transition:all 0.3s;}
.abt ul li:hover{ transform:translateY(-5px);}
.abt ul li:hover{ color:#1172b9;}
.m_zz li em{ height:56px; }
.m_zz li em b{color: #333333; display: inline-block;font-size: 54px;line-height: 42px;transition:all 0.3s;font-family: Arial;font-weight: normal;font-style: normal;}
.m_zz li em i{ display: inline-block;font-size: 16px;color: #777777;text-align: center;line-height: 16px;margin-left: 5px; font-style: normal;}
.m_zz li h3{font-size: 14px; color: #777; line-height: 14px; font-weight: normal;}
.m_zz li:hover em b,.m_zz li:hover em i,.m_zz li:hover h3{ color:#1a46bf;}
.m_zz li:hover{transform:translateY(-5px);}
.abt_con{ margin-top: 58px;position: relative; }
.abt_con img{width: 100%;}

/*  */
.box5{margin: 6.4% 0 2.4%;}
.box5 .wh{max-width: 1270px;}
.dul{background: url(../images/bf890710a780dbf2114bb50c095ddf5642538e1f.png) no-repeat center;}
.dul li{color: #999999;font-size: 14px;}
.dul li span{color: #333333;font-size: 16px;font-family: 'Arial';font-weight: bold;}
.c-link .wh{max-width: 1270px;}

/*  */
.foot{background: #1d1d1f;padding: 4.2% 0 2%;}
.foot .wh{max-width: 1270px;}
.bq{text-align: center;font-size: 14px;color: rgba(255, 255, 255, .4);}
.bq a{color: rgba(255, 255, 255, .4);}
.tlogo{background: url(../images/335eaf09273418d76d17e47d19a0e43b52940eb8.png) no-repeat center;text-align: center;margin-bottom: 20px;}
.tlogo img {max-width: 100%;height: 90px;}
.ft1 dd{color: #777777;font-size: 16px;margin-bottom: 31px;}
.ft1 a{line-height: 36px;font-size: 14px;color: #fff;display: block;}
.tewm{color: #ffffff;font-size: 16px;line-height: 20px;}
.tewm img{width: 105px;margin-bottom: 10px;margin-top: 5px;}
.ft1 .sec{width: 226px;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.ft1 .sec a{width: 100%;}
.ft1 {margin-bottom: 5%;}
.ft1 a:hover{color:#1a46bf;}



@media(max-width: 1480px){
   .swiper-button-prev2{left: -80px;}
   .swiper-button-next2{right: -80px;}
}
@media(max-width: 1437px){
   .swiper-button-prev2{left: 0px;width: 38px;height: 38px;}
   .swiper-button-next2{right:0px;width: 38px;height: 38px;}
   .mySwiper2{margin: 0 48px;}
}


@media(max-width: 1380px){
    .bt2 dd{font-size: 36px;}
}




@media(max-width: 1280px){
    .sleft #formsearch{width: 300px;}
    .tul{width: 450px;}
    .bt2 dd{font-size: 30px;}
    .dul{    background-size: 35%;}
    
}

@media(max-width: 1080px){
    .sleft #formsearch{width: 240px;margin-left: 5vw;}
    .btt{font-size: 30px;line-height: 34px;}
    .m_zz li em b{font-size: 40px;}
    .tul{width: 450px;}
}
@media(max-width: 1024px){
    .fw_bd {
        left: 50%;
        width: 424px;
        height: 424px;
        transform: translateX(-50%);
        background-size: 100%;
    }
    .fw_bd li{padding-top: 77px;}
    .fw_bd li b{font-size: 21px;line-height: 30px;}
    .fw_bd li em{margin-top: 31px;left: 34%; width: auto;margin-left: 0;}
    .fw_bd li span{font-size: 14px;line-height: 24px;margin-top: 40px;}
    .fw_t li.cur .fw_s>img{width: 70px;}
    .fw_t li.cur .fw_s{height: 82px;}
    .fw_t li{margin-bottom: 42px;}
    .fw_t li:nth-child(1).cur:after{left: 330px;}
    .fw_t li:nth-child(3).cur:after{left: 278px;}
    .fw_t li:nth-child(2).cur:after{right: 331px;}
    .fw_t li:nth-child(4).cur:after{right: 277px;}
    .fw_t li:nth-child(6).cur:after{right: 332px;}
    .abt dd{width: 700px;}
}


@media(max-width: 991px){
    .fw_t li.cur:after{display: none!important;}
}



@media(max-width: 940px){
    .box1{display: none;}
}

@media(max-width: 768px){
    .pro_con li h4 em,.pro_con li h4{font-size: 16px;height: 50px;line-height:50px;}
    .pro_con li h4 em{width: 152px;overflow: hidden;}
    .pro_con li h4 img{margin-right: 12px;}
    .pro_con li:hover h4 img{margin-right: 15px;}
    .pro_con li h4 img{margin-top: 18px;}
    .fw_bd{position: static;transform: translateX(0);margin: 0 auto;}
    .fw_con{margin-top: 40px;}
    .fw_t li{width: 48%;margin: 0 0 20px 0;}
    .abt dd{width: 500px;}
    .dul{background: none;}
    .dul li{width: 100%;margin-bottom: 10px;}
    .abt dt,.abt dd{float: none;width: 100%;}
    .btt{font-size: 24px;line-height: 28px;}
    .acon{margin-top: 20px;}
    .m_zz li em b{font-size: 28px;line-height: 1;}
    .m_zz li em i{font-size: 13px;}
    .abt ul li{width: 50%;font-size: 40px;}
    .abt dl{padding-top: 20px;}
    .abt dt em{padding-top: 20px;}
    .abt ul{margin-top: 20px;}
    .abt_con{margin-top: 30px;}
    .abt{background-size: 100% 91%;}
    .abt dd p{font-size: 14px;line-height: 24px;}
    .product-detail-tab .product-detail-tabcon img, .product-detail-tab .product-detail-tabcon p img{max-width: 100% !important}
}



/*手机底部*/
@media(max-width: 1600px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}

@media(max-width: 991px){
	.x-banner{margin-top: 60px;}
}


@media(max-width: 640px){
    .ban{line-height: 35px;}
    .swiper-button-next1{margin-left: 20px;}
    .bt2 dd{font-size: 22px;}
    .box2{padding: 20px 0;}
    .pbt{width: 100%;text-align: left;margin-bottom: 10px;}
    .psort{width: 100%;float: none;}
    .psort li a{font-size: 14px;padding-right: 4px;margin-right: 4px;}
    .pro_con li{width: 49%;margin-right: 2%;margin-bottom: 20px;}
    .pro_con li:nth-child(2n){margin-right: 0;}
    .jia img{width: 40px;bottom: -20px;}
    .bt2 dt{font-size: 14px;margin-top: 4px;}
    .box3{margin:40px 0 30px 0;}
    .fw_t li {margin-bottom: 35px;}
    .fw_t li .fw_d span{line-height: 1.4;}
    .fw_t li.cur .fw_s em{font-size: 18px;line-height: 26px;}
    .fw_t li .fw_d b{font-size: 18px;}
    .fw_t li.cur .fw_s{height: 52px;}
    .fw_t li.cur .fw_s>img{width: 50px;margin-top: 13px;}
    .fw_t li .fw_d>img{margin-top: 13px;}
    .fw_bd{width: 300px;height: 300px;}
    .fw_bd li{padding-top: 54px;}
    .fw_bd li b {font-size: 15px;line-height: 22px;padding-top: 10px;}
    .fw_bd li span{margin-top: 19px;font-size: 12px;}
    .fw_bd li em {margin-top: 16px;left: 30%;}
    .box4{padding-top: 30px;}
    .mySwiper2{margin: 0;}
    .news_con dd{padding: 25px 15px 0 15px;height: 300px;}
    .nbox{margin: 30px 0;}
    .news_con dd em span{font-size: 26px;line-height: 1;padding-bottom: 3px;}
    .news_con dd h4{padding-top: 20px;font-size: 16px;}
    .news_con dd:after {right: 7px;top: 78px;width: 36px;}
    .news_con dd p{padding-top: 10px;}
    .news_con dt{max-width: 140px;}
    .swiper-button-prev2,.swiper-button-next2{top:40%;width: 28px;height: 28px;}
    .swiper-button-prev2{background: url(../images/bb65e1331db36ad3c4d9248e0d084172072dae82.png) no-repeat center;background-size: 100% 100%;left: -10px;}
    .swiper-button-next2{background: url(../images/9b932ecf9ac43185357f739a8f1667b052ae6578.png) no-repeat center;background-size: 100% 100%;right: -10px;}
    .dao{display: none;}
    .ft1 dd{display: none;}
    .tewm{text-align: center; width: 100%;}
    .foot{padding: 30px 0;}
    .box5{margin-top: 40px;}
}

/* pages */
.xypg-pagination ul li span,.xypg-pagination ul li a {
    display: block;
    font-size: 14px;
    color: #333333;
    font-family: "Microsoft YaHei", Arial;
    line-height: 26px;
    border: 1px solid #cbcbcb !important;
    margin: 0 5px;
    padding: 0 8px;
    cursor: pointer !important;
}

.xypg-pagination ul li span:hover,.xypg-pagination ul li a:hover{
    color: #fff !important;
    border-color: #1a46bf;
    background: #1a46bf !important;
}
.xypg-pagination ul li.active a {
    color: #fff !important;
}